<!DOCTYPE html>
<html>
	<head>
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			//解构赋值是对赋值运算符的一种扩展
			//它针对数组和对象来进行操作
			//优点：代码书写简单易读
			// 例子es5的写法
			// let node={
			// 	type:'iden',
			// 	name:'foo'
			// }
			// let type=node.type;
			// let name=node.name;
			// console.log(type,name)

			//例子es6的写法
			// 完全解构
			// let node={
			// 	type:'iden',
			// 	name:'foo'
			// }
			// let {type,name}=node;
			// console.log(type,name)



			// 不完全解构，就是有些属性可以忽略
			// let obj={
			// 	a:{
			// 		name:'张三'
			// 	},
			// 	b:[],
			// 	c:"你好，小太阳"
			// }
			// let {c}=obj;
			// console.log(c);



			// 剩余运算符
			// let obj={
			// 	a:{
			// 		name:'张三'
			// 	},
			// 	b:[],
			// 	c:"你好，小太阳"
			// }
			// let {a,...res}=obj;
			// console.log(res);


			// 对数组解构
			let arr=[1,2,3];
			let [a,b,c]=arr;
			console.log(a,b,c);
		</script>
	</body>
</html>